<template>
	<view class="detail">
		<template v-if="!loading">
			<view class="swipers">
				<u-swiper indicator height="200" radius="10" :list="list1" @change="change" @click="click">
				</u-swiper>
			</view>
			<view class="content">
				<view class="title">
					<image src="/static/uview/common/logo.png" style="width: 50rpx;height: 50rpx;" mode="widthFix">
					</image>
					<view class="">
						门店介绍
					</view>
				</view>
				<view class="m-t-30">
					<u-parse :content="content"></u-parse>
				</view>
			</view>
		</template>
		<template v-else>
			<u-loading-page loading-mode="spinner" loading-text="加载中..." :loading="loading"></u-loading-page>
		</template>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading: false,
				list1: [{
					url: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',
					title: '昨夜星辰昨夜风，画楼西畔桂堂东',
				}, {
					url: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					title: '身无彩凤双飞翼，心有灵犀一点通',

				}, {
					url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
					title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
				}],
				content: `
									         北京市汽车修理公司(以下简称北京汽修)，是具有
									国际现代化水平的集汽车销售、汽车修理、旧车经营、
									汽车美容、配件营销、汽车检测、旧车解体、专项维修
									、技术咨询、信息服务、金融保险为一体的国有汽车服
									务贸易企业。						`
			}
		}
	}
</script>

<style lang="scss">
	.content {
		margin-top: -30rpx;
		height: 500rpx;
		width: 85%;
		margin: auto;
		background-color: #fff;
		border-top-left-radius: $radius;
		border-top-right-radius: $radius;
		z-index: 99;
		position: relative;
		top: -20rpx;
		padding: 30rpx;

		.title {
			display: flex;
			flex-direction: row;
			align-items: center;
			font-weight: 700;
		}
	}
</style>
